<template>
  <div class="home" style="font-size: 16px">
    <TopNav/>
    <div class="content">
      <Aside/>
      <main style="margin-left: 20vw;margin-top: 88px">
        <div>第1个div</div>
        <div>第2个div</div>
        <div>第3个div</div>
        <div>第4个div</div>
        <div>第5个div</div>
        <div>第6个div</div>
      </main>
    </div>
  </div>
</template>

<script lang="ts">
  import Vue from "vue";
  import TopNav from "@/components/TopNav.vue";
  import Aside from "@/components/Aside.vue";

  export default Vue.extend({
    name: "Home",
    components: {Aside, TopNav},
    created() {

    }
  });
</script>
<style scoped lang="scss">
  .home {
    height: 100vh;
    display: flex;
    flex-direction: column;

    .content {
      flex-grow: 1;
      overflow: auto;

      main {
      }
    }

    /*.clearfix:after {*/
    /*  display: block;*/
    /*  content: '';*/
    /*  clear: both;*/
    /*}*/
  }
</style>
